<template>
  <div class="patient-number-date">
    <div class="patient-number-date-inside">
      <div class="header">
        <div class="left item">
          <img
              alt="左侧"
              src="@/components/assets/images/design/1-12.webp"
          />
        </div>
        <div class="middle item">患者预约信息</div>
        <div class="right item">
          <img
              alt="右侧"
              src="@/components/assets/images/design/1-12.webp"
          />
        </div>
      </div>
      <el-row class="patient-number-area">
        <template v-for="item in 1">
          <el-col :span="24">
            <div class="item-childs item-top">
              <el-col :span="12">
                <div class="patient-number-item">
                  <div class="left">
                    时间：
                  </div>
                  <div class="right">
                    上午
                  </div>
                </div>
              </el-col>
              <el-col :span="12">
                <div class="patient-number-item">
                  <div class="left">
                    医生：
                  </div>
                  <div class="right">
                    韩冰
                  </div>
                </div>
              </el-col>
              <el-col :span="12">
                <div class="patient-number-item">
                  <div class="left">
                    科室：
                  </div>
                  <div class="right">
                    骨伤科
                  </div>
                </div>
              </el-col>
            </div>
          </el-col>
          <el-col :span="24">
            <div class="item-childs item-middle">
              <div class="left">
                挂号费：¥19.2
              </div>
              <div class="right">
                确定
              </div>
            </div>
          </el-col>
          <el-col :span="24">
            <div class="item-childs item-bottom">
              <div class="content">预约不收取任何费用，取号时扣除挂号费。</div>
            </div>
          </el-col>
        </template>
      </el-row>
    </div>
  </div>
</template>

<script>
export default {
  name: 'PatientNumberInfo',

  componentName: "PatientNumberInfo",

  components: {},

  data() {
    return {}
  },

  computed: {},

  mounted() {},

  methods: {},
}

</script>

<style scoped lang="scss">
@import "assets/style";
</style>